<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>使一个特定的表格隔行变色</title>
<script type="text/javascript" src="jquery-1.8.0.js"></script>
<script type="text/javascript" >
    //1.使用javascript来实现
	/*window.onload=function(){
	var items=document.getElementById("tb");
	var tbody=items.getElementsByTagName("tbody")[0];
	var trs=tbody.getElementsByTagName("tr");//所有的行的集合
	for(i=0;i<trs.length;i++){
		if(i%2==0){
			trs[i].style.backgroundColor="red";
			}
		else{
			  trs[i].style.backgroundColor="green";
			}
		}
	}*/
	
	//2.使用jquery来实现
	$(function(){
		//获得id为tb的元素 然后再寻找它下面的tbody元素  再寻找对象tbody下的索引值是偶数的tr元素,改变背景
		 $("#tb tbody tr:even").css("backgroundColor","green");//偶数行通过css属性设置背景颜色
		  $("#tb tbody tr:odd").css("backgroundColor","red");//奇数行
		})
</script>
</head>

<body>
<table id="tb">
<tbody>
     <Tr>
     <td>第一行</td><td>第一行</td>
     </Tr>
      <Tr>
     <td>第二行</td><td>第二行</td>
     </Tr>
      <Tr>
     <td>第三行</td><td>第三行</td>
     </Tr>
      <Tr>
     <td>第四行</td><td>第四行</td>
     </Tr>
      <Tr>
     <td>第五行</td><td>第五行</td>
     </Tr>
      <Tr>
     <td>第六行</td><td>第六行</td>
     </Tr>
</tbody>
</table>

</body>
</html>
